import React from 'react';
import Svg, {Circle, G, Mask, Path, Rect} from 'react-native-svg';
const NavSettingImage = (props: any) => {
  return (
    <Svg
      width="24.000000"
      height="24.000000"
      viewBox="0 0 24 24"
      fill="none"
      {...props}>
      {/* <Rect
                id="矩形"
                width="24.000000"
                height="24.000000"
                fill="#F1F3F5"
                fill-opacity="1.000000"
            /> */}
      {/* <Rect
                id="矩形"
                x="0.500000"
                y="0.500000"
                width="23.000000"
                height="23.000000"
                stroke="#979797"
                stroke-opacity="0"
                stroke-width="1.000000"
            /> */}
      {/* <Mask id="mask_229_486" fill="white"> */}
      <Path
        id="形状结合"
        d="M12.857 6.45801C13.3842 6.15649 13.74 5.58838 13.74 4.93799C13.74 3.97241 12.9556 3.18799 11.99 3.18799C11.0244 3.18799 10.24 3.97241 10.24 4.93799C10.24 5.6167 10.6274 6.20581 11.1929 6.49609L8.45918 11.8413L5.20087 9.45825C5.19963 9.45728 5.19838 9.4563 5.19713 9.45557C5.2937 9.23853 5.3474 8.99829 5.3474 8.74561C5.3474 7.78003 4.56302 6.99561 3.5974 6.99561C2.63177 6.99561 1.8474 7.78003 1.8474 8.74561C1.8474 9.71118 2.63177 10.4956 3.5974 10.4956C3.6107 10.4956 3.62396 10.4954 3.63721 10.4951C3.64066 10.5095 3.64444 10.5239 3.64854 10.5383L5.45038 16.887C5.69455 17.7473 6.48013 18.3411 7.37439 18.3411L16.7666 18.3411C17.6683 18.3411 18.4584 17.7375 18.696 16.8679L20.432 10.511C20.4335 10.5059 20.4349 10.5005 20.4362 10.4954C21.3866 10.4775 22.1531 9.7002 22.1531 8.74561C22.1531 7.78003 21.3687 6.99561 20.4031 6.99561C19.4374 6.99561 18.6531 7.78003 18.6531 8.74561C18.6531 9.0105 18.7121 9.26172 18.8177 9.48706L15.9286 11.8413L12.857 6.45801Z"
        clip-rule="evenodd"
        fill="#000000"
        fillOpacity="0.500000"
        fillRule="evenodd"
      />
      {/* </Mask> */}
      <Path
        id="形状结合"
        d="M12.857 6.45801C13.3842 6.15649 13.74 5.58838 13.74 4.93799C13.74 3.97241 12.9556 3.18799 11.99 3.18799C11.0244 3.18799 10.24 3.97241 10.24 4.93799C10.24 5.6167 10.6274 6.20581 11.1929 6.49609L8.45918 11.8413L5.20087 9.45825C5.19963 9.45728 5.19838 9.4563 5.19713 9.45557C5.2937 9.23853 5.3474 8.99829 5.3474 8.74561C5.3474 7.78003 4.56302 6.99561 3.5974 6.99561C2.63177 6.99561 1.8474 7.78003 1.8474 8.74561C1.8474 9.71118 2.63177 10.4956 3.5974 10.4956C3.6107 10.4956 3.62396 10.4954 3.63721 10.4951C3.64066 10.5095 3.64444 10.5239 3.64854 10.5383L5.45038 16.887C5.69455 17.7473 6.48013 18.3411 7.37439 18.3411L16.7666 18.3411C17.6683 18.3411 18.4584 17.7375 18.696 16.8679L20.432 10.511C20.4335 10.5059 20.4349 10.5005 20.4362 10.4954C21.3866 10.4775 22.1531 9.7002 22.1531 8.74561C22.1531 7.78003 21.3687 6.99561 20.4031 6.99561C19.4374 6.99561 18.6531 7.78003 18.6531 8.74561C18.6531 9.0105 18.7121 9.26172 18.8177 9.48706L15.9286 11.8413L12.857 6.45801Z"
        clip-rule="evenodd"
        fill="#C0C2C4"
        fill-opacity="1.000000"
        fill-rule="evenodd"
        mask="url(#mask_229_486)"
      />
      <Path
        id="形状结合"
        d=""
        clip-rule="evenodd"
        fill="#979797"
        fill-opacity="0.000000"
        fill-rule="evenodd"
      />
      <Circle
        id="椭圆形备份 5"
        cx="11.989487"
        cy="13.310547"
        r="1.750000"
        fill="#000000"
        fillOpacity="0.301961"
      />
      <Circle
        id="椭圆形备份 5"
        cx="11.989487"
        cy="13.310547"
        r="1.250000"
        stroke="#979797"
        strokeOpacity="0"
        strokeWidth="1.000000"
      />
      <Path
        id="路径"
        d="M17.46 19.31C17.88 19.31 18.21 19.64 18.21 20.06C18.21 20.44 17.93 20.75 17.56 20.8L17.46 20.81L6.54 20.81C6.12 20.81 5.79 20.47 5.79 20.06C5.79 19.68 6.07 19.36 6.43 19.31L6.54 19.31L17.46 19.31Z"
        fill="#C0C2C4"
        fillOpacity="1.000000"
        fill-rule="evenodd"
      />
    </Svg>
  );
};
export default NavSettingImage;
